<template>
    <view class="home">
        <map
            ref="map"
            id="my-map"
            class="my-map"
            :latitude="latitude" 
            :longitude="longitude"
            scale="16"
            :markers="[]"
            @regionchange="regionchange"
            @updated="updated"
        >
           <view class="my-map-img-box">
                <view 
                    class="iconfont icon-dingdian my-map-img-icon"
                    @click="moveToLocation"
                ></view>
           </view>
        </map>
        
        <uni-notice-bar 
            show-icon 
            scrollable
            text="晚17点30分至次日早08点30分请致电人工客服：4008897120预约下单。" 
            color="#fff"
            class="my-notice-bar"
            @click="callPhone"
        />
        <uni-forms
            :model="formData" 
            ref="form" 
            :rules="rules1" 
            validateTrigger="submit" 
            label-width="180rpx"
            err-show-type='none'
        >
            <view class="box-1">
                <view class="box-2">
                    <uni-forms-item
                        name="zo_ex41"
                        label=""
                        label-width="0"
                    >
                        <view 
                            class="point-box" 
                            @click="chooseLocation('zo_ex41', 'zo_ex17')"
                        >
                            <view class="iconfont icon-qidian point-icon-1-1"></view>
                            <view 
                                class="point-box-text point-box-text-1" 
                            >
                                {{ formData.zo_ex41 ? formData.zo_ex41 :'请选择出发地点' }}
                            </view>
                            <view 
                                v-if="tjdArrLen < tjdArrAllLen"
                                class="iconfont icon-tujingdian1 point-icon-2"
                                @click.stop="tjdArrLen<tjdArrAllLen ? tjdArrLen++ : ''"
                            ></view>
                        </view>
                    </uni-forms-item>
                    
                    <uni-forms-item
                        v-for="(item, index) in tjdArrLen"
                        :key="index"
                        :name="'zo_tjd_n_' + item"
                        label=""
                        label-width="0"
                        :rules="[{'required': true, errorMessage: '请选择途径地点'}]"
                    >
                        <view 
                            class="point-box point-box-bg" 
                            @click="chooseLocation('zo_tjd_n_' + item, 'zo_tjd_p_' + item)"
                        >
                            <view
                                class="iconfont icon-jingguo point-icon-3"
                            ></view>
                            <view 
                                class="point-box-text point-box-text-3" 
                            >
                                {{ formData['zo_tjd_n_' + item] ? formData['zo_tjd_n_' + item] :'请选择途径地点' }}
                            </view>
                            <view
                                class="iconfont icon-shanchudidian point-icon-2"
                                @click.stop="delTjdArrLen(item)"
                            ></view>
                        </view>
                    </uni-forms-item>
                    
                    <uni-forms-item
                        name="zo_ex42"
                        label=""
                        label-width="0"
                    >
                        <view 
                            class="point-box point-box-bg"
                            @click="chooseLocation('zo_ex42', 'zo_ex18')"
                        >
                            <view class="iconfont icon-zhongdian point-icon-1-2"></view>
                            <view
                                class="point-box-text point-box-text-2" 
                            >
                                {{ formData.zo_ex42 ? formData.zo_ex42 :'请选择目的地' }}
                            </view>
                        </view>
                    </uni-forms-item>
                </view>
                <view class="box-3">
                    <uni-forms-item
                        name="zo_ex73"
                        label="转运方式"
                    >
                        <view class="checkbox-box">
                            <uni-data-checkbox
                                v-model="formData.zo_ex73" 
                                :localdata="zo_ex73Range" 
                                @change="zo_ex73Change"
                            ></uni-data-checkbox>
                        </view>
                    </uni-forms-item>
                    <template
                        v-if="formData.zo_ex73 == '否'"
                    >
                        <uni-forms-item
                            name="zo_ex76"
                            label="医护陪同"
                        >
                            <view class="checkbox-box">
                                <uni-data-checkbox
                                    v-model="formData.zo_ex76" 
                                    :localdata="zo_ex76Range" 
                                    @change="zo_ex76Change"
                                ></uni-data-checkbox>
                            </view>
                        </uni-forms-item>
                        <view class="" style="font-size: 20rpx; color: red; position: relative; top:-30rpx">
                            *第三方服务机构医护人员陪同皆具有专业资质
                        </view>
                    </template>
                    
                    <!-- <uni-forms-item
                        name="zytime"
                        label="转运时间"
                        required
                    >
                        <view class="checkbox-box">
                            <uni-data-checkbox
                                v-model="formData.zytime" 
                                :localdata="zytimeRange" 
                                @change="zytimeChange"
                            ></uni-data-checkbox>
                        </view>
                    </uni-forms-item> -->
                    
                    <uni-forms-item
                        name="zo_dat1"
                        label="预约时间"
                    >
                        <uni-datetime-picker 
                            type="datetime" 
                            v-model="formData.zo_dat1"
                            :start="minDate"
                            placeholder="请选择预约时间"
                            hide-second
                            :clear-icon="false"
                            @change="zo_dat1Change"
                        />
                    </uni-forms-item>
                </view>
            </view>
            <!-- <view>邀请码：{{invitationCode}}</view> -->
            <button
                @click="next"
                class="btn-box"
            >
                <view style="font-weight: bold;">下一步</view>
            </button>
        </uni-forms>
        <uni-popup
            ref="popup1" 
            type="center"
            :is-mask-click="false"
        >
            <view class="my-popup-box">
                <view class="my-popup-box-img">
                    <view class="my-popup-box-img-text">温馨提示</view>
                </view>
                <view class="my-popup-box-content">
                    <view class="my-popup-box-content-text-1">起点：{{formData.zo_ex41}}</view>
                    <view
                        v-if="formData.zo_tjd_n_1" 
                        class="my-popup-box-content-text-1"
                    >
                        途经点：{{formData.zo_tjd_n_1}}
                    </view>
                    <view v-if="formData.zo_tjd_n_2" 
                        class="my-popup-box-content-text-1"
                    >
                        途经点：{{formData.zo_tjd_n_2}}
                    </view>
                    <view 
                        v-if="formData.zo_tjd_n_3" 
                        class="my-popup-box-content-text-1"
                    >
                        途经点：{{formData.zo_tjd_n_3}}
                    </view>
                    <view class="my-popup-box-content-text-1">终点：{{formData.zo_ex42}}</view>
                    <view style="border-bottom: 1rpx solid #d8c7c7; margin-bottom: 10rpx"></view>
                    <view class="my-popup-box-content-text-1" style="color: red">温馨提示：本地区暂未开通线上服务,请联系人工：4008897120</view>
                </view>
                <view style="display: flex; padding-top: 20rpx; box-sizing: border-box;">
                    <button
                        size="mini"
                        type="warn"
                        style=""
                        @click="popup1.close()"
                    >
                        取消
                    </button>
                    <button
                        size="mini"
                        style="background: #2979ff; color: #fff; "
                        @click="popup1.close();callPhone()"
                    >
                        联系人工
                    </button>
                </view>
            </view>
        </uni-popup>
        <uni-popup
            ref="popup2" 
            type="center"
            :is-mask-click="false"
        >
            <view class="my-popup-box">
                <view class="my-popup-box-img">
                    <view class="my-popup-box-img-text">温馨提示</view>
                </view>
                <view class="my-popup-box-content">
                    <view class="my-popup-box-content-text-1" style="color: red">温馨提示：晚17点30分至次日早08点30分请致电人工客服：4008897120预约下单。</view>
                </view>
                <view style="display: flex; padding-top: 20rpx; box-sizing: border-box;">
                    <button
                        size="mini"
                        type="warn"
                        style=""
                        @click="popup2.close()"
                    >
                        取消
                    </button>
                    <button
                        size="mini"
                        style="background: #2979ff; color: #fff; "
                        @click="popup2.close();callPhone()"
                    >
                        联系人工
                    </button>
                </view>
            </view>
        </uni-popup>
        <uni-popup
            ref="popup3" 
            type="center"
        >
            <view style="display: flex; flex-direction: column; align-items: center;">
                <!-- src="https://jdzy.tianxunwang.com/business/image/jdzy/applet/static/coupon/coupon-1.png" -->
                <image
                    src="https://jdzy.tianxunwang.com/business/image/jdzy/applet/static/coupon/coupon-2.png" 
                    :draggable="false"
                    mode="scaleToFill"
                    class="popup3-img-1"
                    @click="goUrl('/pages/coupon/coupon')"
                ></image>
                <!-- <image
                    src="@/static/coupon/close-1.png" 
                    :draggable="false"
                    mode="scaleToFill"
                    class="popup3-img-2"
                    @click="popup3.close()"
                ></image> -->
            </view>
        </uni-popup>
        <uni-popup
            ref="popup4" 
            type="center"
            :is-mask-click="false"
        >
            <view class="my-popup-box">
                <view class="my-popup-box-img">
                    <view class="my-popup-box-img-text">通知</view>
                </view>
                <view class="my-popup-box-content">
                    <view class="my-popup-box-content-text-1" style="color: red">尊敬的救道注册用户，本次“救道”特需群体交通出行城市服务小程序扫邀请码得积分活动将于2024年11月20日12时结束，已获得积分的用户可以随时联系后台客服兑换，其它活动敬请期待！</view>
                </view>
                <view style="display: flex; padding-top: 20rpx; box-sizing: border-box;">
                    <button
                        size="mini"
                        style="background: #2979ff; color: #fff; "
                        @click="popup4.close();"
                    >
                        确认
                    </button>
                </view>
            </view>
        </uni-popup>
    </view>
</template>

<script lang="ts" setup>
    import { onLoad, onShow, onHide, onReady, onUnload, onTabItemTap, onShareAppMessage, onShareTimeline } from '@dcloudio/uni-app'
    import { markRaw, onBeforeUnmount, reactive, ref, onMounted, watchEffect, watch } from 'vue'
    import type { Ref, Raw } from 'vue'
    import { getCityApi, getPlaceRetrievalApi, countkilometreApi, countmoneyApi, appSaveOrderApi, preferentialListApi, getAreaApi, checkCityOpenServiceApi } from '@/apis/index'
    import { isPhone, getDateTime, qqMapTransBMap, dateformatter } from '@/utils/utils'
    import uploadApi from '@/apis/uploadApi'
    import myFilesPicker from '@/components/myFilesPicker/myFilesPicker.vue'
    import myFilePicker from '@/components/myFilePicker/myFilePicker.vue'
    
    
    const popup1: Ref<any> = ref(null)
    const popup2: Ref<any> = ref(null)
    const popup3: Ref<any> = ref(null)
    const popup4: Ref<any> = ref(null)
    const minDate: Ref<any> = ref(new Date())
   
    // const zytimeRange: Raw<any[]> = markRaw([
    //     { value: '尽快', text: '尽快' },
    //     { value: '预约', text: '预约' },
    // ])
    const zo_ex73Range: Raw<any[]> = markRaw([
        { value: '否', text: '车辆转运' },
        { value: '是', text: '航空转运(需至少提前一天预约)' },
    ])
    const zo_ex76Range: Raw<any[]> = markRaw([
        { value: '否', text: '不需要' },
        { value: '是', text: '需要(需至少提前一天预约)' },
    ])
    const map: Ref<any> = ref(null)
    const latitude: Ref<number> = ref(30.243749)
    const longitude: Ref<number> = ref(120.182488)
    // const invitationCode: Ref<any> = ref('')
    const formData: Ref<any> = ref({
        zo_ex8: '',
        zo_ex9: '',
        zo_ex10: '',
        adcode: '',
        zo_ex73: '否', //是否航空转运
        zo_ex12: '',
        zo_ex41: '', //转运起点
        zo_ex17: '', //转运起点经纬度
        zo_ex18: '', //转运终点经纬度
        zo_ex42: '', //转运终点
        zo_ex2: '',
        zo_ex3: '男',
        zo_ex4: '',
        zo_ex7: uni.getStorageSync('storagePhone'),
        zo_ex6: '',
        zo_ex22: '',
        zo_ex40: '',
        zo_ex74: '否',
        zo_ex21: '',
        zo_ex49: '否',
        zo_dat1: getDateTime(),
        // zytime: '尽快',
        zo_ex23: 0,
        zo_ex55: 0,
        imageValue1: '',
        f_id: '',
        zo_ex20: '',
        zo_ex54: '',
        zo_ex46: '',
        zo_ex53: '',
        zo_ex76: '否',
        zo_ex77: '', //优惠类型实际扣减费用
        zo_ex78: '', //兑换码
        couponId: '', //优惠类型id
        zo_ex79: '', //起步价
        zo_ex80: '', //里程费
        zo_ex81: '', //其他费用
        zo_ex82: '', //优惠券名称
        zo_tjd_n_1: '', //途经点1 名称
        zo_tjd_p_1: '', //途经点1 经纬度
        zo_tjd_n_2: '', //途经点2 名称
        zo_tjd_p_2: '', //途经点2 经纬度
        zo_tjd_n_3: '', //途经点3 名称
        zo_tjd_p_3: '', //途经点3 经纬度
    })
    const tjdArrLen: Ref<number> = ref(0)
    const tjdArrAllLen: Ref<number> = ref(3)
    const rules1: any = reactive({
        zo_ex41: {
            rules: [
                {
                    required: true,
                    errorMessage: '请选择出发地点',
                },
                // {
                //     minLength: 3,
                //     maxLength: 5,
                //     errorMessage: '账号长度在 {minLength} 到 {maxLength} 个字符',
                // },
                // {
                //     validateFunction:function(rule, value, data, callback){
                //         if (value.length < 2) {
                //             callback('请至少勾选两个兴趣爱好')
                //         }
                //         return true
                //     }
                // }
            ],
        },
        zo_ex42: {
            rules: [
                {
                    required: true,
                    errorMessage: '请选择目的地',
                },
            ],
        },
        
        zo_dat1: {
            rules: [
                {
                    required: true,
                    errorMessage: '请选择预约时间',
                },
                {
                    validateFunction:function(rule, value, data, callback){
                        let dat1 = new Date(value.split(' ')[0])
                        let dat2 = new Date(dateformatter(new Date()))
                        dat2.setDate(dat2.getDate() + 1);
                        if (formData.value.zo_ex73 == '是' && (dat1 < dat2)) {
                            callback('航空转运需要提前一天预约')
                        }
                        return true
                    }
                }
            ],
        },
        // zytime: {
        //     rules: [
        //         {
        //             required: true,
        //             errorMessage: '请选择转运时间',
        //         },
        //     ],
        // },
        zo_ex76: {
            rules: [
                {
                    validateFunction: function(rule, value, data, callback){
                        let dat1 = new Date(formData.value.zo_dat1.split(' ')[0])
                        let dat2 = new Date(dateformatter(new Date()))
                        dat2.setDate(dat2.getDate() + 1);
                        if (value == '是' && formData.value.zo_dat1 && (dat1 < dat2)) {
                            callback('第三方服务机构医护人员陪同需要提前一天预约')
                        }
                        return true
                    }
                }
            ],
        },
    })
    const form: Ref<any> = ref(null)
    
    
    // onTabItemTap((e: any) => {
    //     console.log(e)
    //     uni.setTabBarItem({
    //       index: 0,
    //       text: '',
    //       // pagePath: 'pages/index/index',
    //       // iconPath: 'static/tabBar/home-1.png',
    //       // selectedIconPath: 'static/logo.png'
    //     })
    // })
    // 如果需要使用 validateFunction 自定义校验规则,则不能采用 uni-forms 的 rules 属性来配置校验规则，这时候需要通过ref，在onReady生命周期调用组件的setRules方法绑定验证规则
    // 分享
    onShareAppMessage((res) => {
        return {
            title: '救道转运',
            path: '/pages/index/index?invitationCode=' + uni.getStorageSync('myInvitationCode')
        }
    }),
    onShareTimeline(() => {
        return {
            // title: '救道转运', //当前小程序名称
            query: 'invitationCode=' + uni.getStorageSync('myInvitationCode')
        }
    })
    onReady(() => {
        form.value.setRules(rules1)
        // 获取位置权限
        getLocation()
        if (!uni.getStorageSync('storagePhone')) {
            popup3.value.open()
        } else {
            // popup4.value.open()
        }
    })
    onLoad((val: any) => {
        console.log(val)
        uni.setStorageSync('invitationCode', val.invitationCode)
        console.log('invitationCode: '+ uni.getStorageSync('invitationCode'))
        // invitationCode.value = JSON.stringify(val)
        
    })
    onMounted(() => {
        
    })
    const chooseLocation = (val1: string, val2: string,) => {
        console.log(val1)
        console.log(val2)
        console.log(latitude.value)
        console.log(longitude.value)
        uni.authorize({
            scope: 'scope.userLocation',
            success() {
                console.log('定位')
                uni.chooseLocation({
                    success: (res) => {
                        console.log(res)
                        console.log('位置名称：' + res.name);
                        console.log('详细地址：' + res.address);
                        console.log('纬度：' + res.latitude);
                        console.log('经度：' + res.longitude);
                        formData.value[val1] = res.name
                        let obj = qqMapTransBMap(res.longitude, res.latitude)
                        formData.value[val2] = obj.longitude + ',' + obj.latitude
                    }
                })
            },
            fail() {
                uni.getSetting({
                    success(res) {
                        console.log(res)
                        if (!res.authSetting['scope.userLocation']) {
                            uni.showModal({
                                showCancel: true,
                            	title: '温馨提示',
                            	content: '需要授权位置信息!',
                            	success: function (res) {
                            		if (res.confirm) {
                            			console.log('用户点击确定');
                                        uni.openSetting()
                            		} else if (res.cancel) {
                            			console.log('用户点击取消');
                            		}
                            	}
                            });
                        }
                    }
                })
            }
        })
        
    }
    
    
    const callPhone = () => {
        uni.makePhoneCall({
            phoneNumber: '4008897120'
        })
    }
    const getLocation = () => {
        uni.authorize({
            scope: 'scope.userLocation',
            success() {
                console.log('定位')
                uni.getLocation({
                    type: 'gcj02', //返回可以用于uni.openLocation的经纬度
                    success (res) {
                        console.log('getLocation定位', res)
                        latitude.value = res.latitude
                        longitude.value = res.longitude
                    },
                    fail(err) {
                        console.log('定位失败', err)
                    }
                });
            },
            fail() {
                uni.getSetting({
                    success(res) {
                        console.log(res)
                        if (!res.authSetting['scope.userLocation']) {
                            uni.showModal({
                                showCancel: true,
                            	title: '温馨提示',
                            	content: '需要授权位置信息!',
                            	success: function (res) {
                            		if (res.confirm) {
                            			console.log('用户点击确定');
                                        uni.openSetting()
                            		} else if (res.cancel) {
                            			console.log('用户点击取消');
                            		}
                            	}
                            });
                        }
                    }
                })
            }
        })
    }
    const moveToLocation = () => {
        uni.createMapContext('my-map').moveToLocation({
            latitude: latitude.value,
            longitude: longitude.value
        });
    }
    const regionchange = (e) => {
        // 视野变化
        console.log('regionchange', e)
    }
    const updated = (e) => {
        // 地图渲染完成
        console.log('updated', e)
    }
    // const zytimeChange = (e: any) => {
    //     console.log(e)
    //     if (e.detail.value == '尽快') {
    //         formData.value.zo_dat1 = getDateTime()
    //     }
    //     console.log(formData.value)
    // }
    const zo_ex73Change = (e: any) => {
        console.log(e)
        if (e.detail.value == '是') {
            // formData.value.zytime = '预约'
            formData.value.zo_ex76 = '否'
            
            // let date = new Date()
            // date.setDate(date.getDate() + 1);
            // minDate.value = date
            // formData.value.zo_dat1 = getDateTime(date)
        } else {
            // minDate.value = new Date()
        }
        console.log(formData.value)
    }
    const zo_ex76Change = (e: any) => {
        console.log(e)
        if (e.detail.value == '是') {
            // formData.value.zytime = '预约'
        } else {
        }
        console.log(formData.value)
    }
    
    const zo_dat1Change = (e: any) => {
        console.log(e)
        if (e.split(':').length == 2) {
            formData.value.zo_dat1 = e.concat(':00')
        }
        console.log(formData.value.zo_dat1)
        
        
    }
    const goUrl = (val) => {
        uni.navigateTo({
            url: val
        });
    }
    const delTjdArrLen = (itemLen: number) => {
        console.log('itemLen:'+itemLen)
        for(let i = itemLen; i< tjdArrAllLen.value; i++) {
            formData.value['zo_tjd_n_' + (itemLen)] = formData.value['zo_tjd_n_' + (itemLen + 1)]
            formData.value['zo_tjd_p_' + (itemLen)] = formData.value['zo_tjd_p_' + (itemLen + 1)]
        }
        formData.value['zo_tjd_n_' + (tjdArrAllLen.value)] = ''
        formData.value['zo_tjd_p_' + (tjdArrAllLen.value)] = ''
        tjdArrLen.value--
    }
    const next = () => {
        form.value.validate().then(async (res1: any) => {
            let res2 = await checkCityOpenServiceApi({
                longitude: formData.value.zo_ex17.split(',')[0], //经度
                latitude: formData.value.zo_ex17.split(',')[1], //纬度
            })
            if (res2.code == 200) {
                uni.setStorageSync('storageFormData', JSON.stringify(formData.value))
                uni.navigateTo({
                    url: '/pages/transshipmentInformation/transshipmentInformation'
                });
            } else {
                popup1.value.open()
            }
            
        }).catch((err: any) =>{
            console.log('表单错误信息：', err);
            uni.showToast({
                title: err[0].errorMessage,
                icon: 'error',
                duration: 1500,
                mask: true,
            });
        })
        // 晚17点30分至次日早08点30分请致电人工客服：4008897120预约下单。
        // let hour = new Date().getHours()
        // let minute = new Date().getMinutes()
        // if ((hour < 8 || (hour == 8 && minute < 30)) || (hour > 17 || (hour == 17 && minute >= 30))) {
        //     popup2.value.open()
        //     // uni.showModal({
        //     //     showCancel: true,
        //     //     title: '温馨提示',
        //     //     content: '晚17点30分至次日早08点30分请致电人工客服：4008897120预约下单。', 
        //     //     success: function (res) {
        //     //         if (res.confirm) {
        //     //         	console.log('用户点击确定');
        //     //             uni.makePhoneCall({
        //     //                 phoneNumber: '4008897120'
        //     //             })
        //     //         } else if (res.cancel) {
        //     //         	console.log('用户点击取消');
        //     //         }
        //     //     }
        //     // });
        // } else {
        //     form.value.validate().then(async (res1: any) => {
        //         let res2 = await checkCityOpenServiceApi({
        //             longitude: formData.value.zo_ex17.split(',')[0], //经度
        //             latitude: formData.value.zo_ex17.split(',')[1], //纬度
        //         })
        //         if (res2.code == 200) {
        //             uni.setStorageSync('storageFormData', JSON.stringify(formData.value))
        //             uni.navigateTo({
        //                 url: '/pages/transshipmentInformation/transshipmentInformation'
        //             });
        //         } else {
        //             popup1.value.open()
        //         }
                
        //     }).catch((err: any) =>{
        //         console.log('表单错误信息：', err);
        //         uni.showToast({
        //             title: err[0].errorMessage,
        //             icon: 'error',
        //             duration: 1500,
        //             mask: true,
        //         });
        //     })
        // }
    }
    
</script>

<style lang="scss" scoped>
    .home {
        background-color: #f2f2f2;
        height: 100vh;
        overflow: scroll;
        position: relative;
        // background: rgba(211, 211, 211, 1);
    }
    :deep(.uni-forms) {
        padding: 20rpx 10rpx 10rpx;
        box-sizing: border-box;
        // background-image: linear-gradient(#4bc6f9, #f2f2f2);
        background-image: linear-gradient(200deg, #a9d9ec, #f2f2f2);
    }
    .box-1 {
        background-color: rgba(255, 255, 255, 0.9);
        box-sizing: border-box;
        // padding: 20rpx;
        border-radius: 20rpx;
        // margin: 20rpx 0;
    }
    .box-2 {
        box-sizing: border-box;
        padding: 20rpx 20rpx 20rpx 20rpx;
        border-radius: 20rpx;
        box-shadow: 0 10rpx 10rpx 1rpx #e7e7e7;
        margin-bottom: 20rpx;
    }
    .box-3 {
        background-color: rgba(255, 255, 255, 0.9);
        box-sizing: border-box;
        padding: 0 20rpx;
        border-radius: 20rpx;
    }
    .button-img {
        width: 80rpx;
        height: 40rpx;
        margin-right: 20rpx;
    }
    .point-box {
        display: flex;
        align-items: center;
        .point-icon-1-1 {
            font-size: 60rpx;
            color: rgb(91, 155, 8)
        }
        .point-icon-1-2 {
            font-size: 60rpx;
            color: rgb(215, 25, 9)
        }
        .point-icon-2 {
            font-size: 50rpx;
            color: rgb(44, 117, 220);
        }
        .point-img-3 {
            box-sizing: border-box; 
            width: 38rpx; 
            height: 46rpx; 
            margin: 7rpx 10rpx 7rpx 10rpx;
        }
        .point-icon-3 {
            font-size: 40rpx;
            color: rgb(44, 117, 220);
            margin: 7rpx 10rpx 7rpx 10rpx;
        }
        .point-box-text {
            margin-left: 20rpx;
            font-weight: bold;
            font-size: 40rpx;
            width: 100%;
        }
        .point-box-text-1 {
            color: #17b078;
        }
        .point-box-text-2 {
            color: #000;
        }
        .point-box-text-3 {
            color: #2c75dc;
        }
    }
    .point-box-bg {
        // background-color: #f6f8fb;
        background-color: #e8f1ff;
        padding: 20rpx 0;
        border-radius: 20rpx;
        box-sizing: border-box;
    }
    :deep(.uni-section .uni-section-header__content .distraction) {
        font-weight: bold;
    }
    .point-box-disabled-input {
        width: 100%;
    }
    // 禁用状态输入框
    :deep(.point-box-disabled-input .uni-easyinput .is-disabled ) {
        background-color: #fff !important;
        color: #999999 !important;
    }
    .checkbox-class {
        display: flex;
        align-items: center;
        padding: 30rpx 0;
        box-sizing: border-box;
    }
    .dialog-content {
        height: 800rpx;
        overflow: scroll;
        .dialog-text-1 {
            font-weight: bold;
        }
        .dialog-text-2 {
            color: #313131;
            text-indent: 70rpx;
            line-height: 50rpx;
        }
    }
    
    .popup3-img-1 {
        width: 700rpx;
        height: 275rpx;
    }
    .popup3-img-2 {
        width: 70rpx;
        height: 70rpx;
        margin-top: 10rpx;
    }
    
    .my-disabled-input-box {
        width: 100%;
        :deep(.uni-easyinput .uni-easyinput) {
            background-color: #fff !important;
            font-weight: bold;
        }
    }
    :deep(.my-disabled-input-box .uni-easyinput .is-disabled ) {
        background-color: #fff !important;
        color: #999999 !important;
    }
    .hkzy {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        color: #c7c1c1
    }
    // 组合框下拉选项
    :deep(.uni-combox) {
        background: #fff;
    }
    :deep(.uni-combox .uni-combox__selector .uni-combox__selector-scroll) {
        max-height: 80vh !important;
    }
    .my-map {
        width: 750rpx;
        height: 475rpx;
        
        .my-map-img-box {
            width: 50rpx;
            height: 50rpx;
            background-color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            left: 700rpx;
            top: 330rpx;
            box-sizing: border-box;
            border-radius: 40rpx;
            .my-map-img {
                width: 30rpx;
                height: 30rpx;
            }
            .my-map-img-icon {
                font-size: 30rpx;
            }
        }
    }
    .my-notice-bar {
        background-color: rgba(0,0,0,0) !important;
        background-image: linear-gradient(#4b95f9, #4bc6f9);
        width: 100%;
        position: absolute; 
        top: 405rpx;
        :deep(.uni-noticebar) {
            height: 75rpx !important;
            padding: 10rpx 12rpx !important;
            margin-bottom: 0 !important;
            background-color: rgba(0,0,0,0) !important;
        }
        
    }
    .btn-box {
        // width: 250rpx; 
        // width: 180rpx; 
        width: 100%; 
        // margin-left: 0; 
        // margin-right: 0;
        // background-color: #d1df58;
        // background-color: #2979ff;
        background-image: linear-gradient(#4b95f9, #4bc6f9);
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        // float: right;
    }
    .checkbox-box {
        height: 100%; 
        display: flex;
        align-items: center;
    }
    // 时间选择边框
    :deep(.uni-date-x--border) {
        border: none;
    }
    .my-popup-box {
        background: #fff; 
        width: 600rpx; 
        box-sizing: border-box; 
        padding: 0 0 30rpx 0; 
        border-radius: 40rpx;
        .my-popup-box-img {
            background: url(https://jdzy.tianxunwang.com/business/image/jdzy/applet/static/transshipmentInformation/popup-bg-2.png); 
            background-size:100% 100%; 
            width:100%; 
            height: 150rpx; 
            border-radius: 50rpx 50rpx 0 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            .my-popup-box-img-text {
                font-size: 30rpx;
                letter-spacing: 10rpx;
                font-weight: bold;
            }
        }
        .my-popup-box-content {
            font-size: 26rpx; 
            box-sizing: border-box; 
            padding: 30rpx;
            .my-popup-box-content-text-1 {
                padding-bottom: 20rpx;
            }
        }
    }
</style>
